<template>
  <BasicModal
    v-bind="$attrs"
    width="520px"
    title="申请详情"
    @ok="closeModal"
    @register="registerModal"
  >
    <Description @register="registerDesc" :column="1" />
  </BasicModal>
</template>

<script lang="ts" setup>
  import { ref } from "vue";
  import { descSchema } from "./data";
  import { useModalInner } from "/@/components/Modal";
  import { useDescription } from "/@/components/Description";
  import BasicModal from "/@/components/Modal/src/BasicModal.vue";
  import Description from "/@/components/Description/src/Description.vue";

  const descData = ref({});

  const [registerModal, { closeModal }] = useModalInner((data) => {
    descData.value = data;
  });

  const [registerDesc] = useDescription({
    data: descData,
    schema: descSchema,
  });
</script>
